<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理员登录</title>
    <script src="./js/jquery-3.1.1.js"></script>
    <link rel="stylesheet" type="text/css" href="./css/loading.css"/>
    <link rel="stylesheet" type="text/css" href="./css/login.css"/>
</head>
<body>
<div style="position: relative">
    <!--绿色背景-->
    <p style="position: absolute;background: #00b38a;height: 360px;width:100%;z-index: 0"></p>

    <div style="width: 35%;left:30%;top:90px;position: absolute;z-index: 1">
        <!--logo-->
        <img src="./drawable/logo_white.png" alt="logo" style="width: 120px;height: 40px">
        <!--登录框-->
        <div class="box">
            <h4 style="font-weight: normal;top: 50px;left: 50px;position: relative;color: #11a984">管理员登录</h4>
            <h6 id="tip-error"
                style="display:block;color: red;top: 70px;left: 50px;position: relative;font-weight: normal;"></h6>
            <!--左边百分之60-->
            <div style="width: 60%;position: relative;top: 80px;float: left">
                <input id="username" class="edit-input" type="text" placeholder="请输入常用的手机号或邮箱" style="color: #777777">
                <h6 id="tip-user"
                    style="display:none;color: red;margin-left: 50px;font-weight: normal;margin-top: 10px">*
                    请输入手机号或邮箱</h6>
                <input id="password" class="edit-input" type="password" placeholder="请输入密码" style="color: #777777">
                <h6 id="tip-pwd" style="display:none;color: red;margin-left: 50px;font-weight: normal;margin-top: 10px">
                    * 请输入密码</h6>
                 <h4 class="btn-submit" onclick="adminLogin()">登&nbsp录</h4>
            </div>
            <!--右边百分之40-->
            <div style="width: 40%;position: relative;top: 80px;float: left">
                <h4 style="font-weight: normal;color: #777777">普通用户：</h4>
                <a id="register" href="login.html">用户登录</a>
                <img style="float: left;width: 22px;height:22px;margin-left:5px;margin-top: 10px" src="./drawable/right_arrow.png" alt="arrow">
            </div>
        </div>
    </div>
</div>

<div id="loading"
     style="position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 5;display: none">
    <section class="main">
        <!-- the component-->
        <ul class="bokeh">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </section>
</div>

<script type="text/javascript" src="js/loginHelper.js"></script>
</body>
</html>